<template>
  <div id="nav">
    <div id="out">
      <el-breadcrumb separator="·">
        <el-breadcrumb-item :to="{ path: '/' }" replace>首页</el-breadcrumb-item>
        <el-breadcrumb-item :to="{ path: '/Cart' }" replace>购物车</el-breadcrumb-item>
        <el-breadcrumb-item :to="{ path: '/OrderList' }" replace>订单列表</el-breadcrumb-item>
        <el-breadcrumb-item :to="{ path: '/OrderList' }"></el-breadcrumb-item>
      </el-breadcrumb>
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style>
#nav {
  background-color: rgb(250, 250, 250);
  font-size: large;
  height: 80px;
}
#out{
padding-left: 40%;
padding-top: 20px;
}
</style>